<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色表CRUD</title>
    <!-- 导入layui相关的样式 -->
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <!-- 导入自定义表单样式 -->
    <link rel="stylesheet" href="/css/custom.css">
    <!-- 导入layui函数库 -->
    <script src="/layui/layui.js" charset="UTF-8"></script>
    <!-- 导入jQuery函数库 -->
    <script src="/layui/jquery-2.2.1.js"></script>
    <!-- 导入自己写的js文件 -->
    <script src="/js/twj/SysRoleCRUD.js"></script>
</head>
<body>
<!-- 多条件查询块 -->
<blockquote class="layui-elem-quote news_search">
    <!-- 多条件查询层开始 -->
    <div class="layui-row" style="margin-bottom: 5px">
        <form class="layui-form layui-col-md12 x-so" id="sysRole_search">
            角色名称：
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="roleName" id="roleName" placeholder="请输入角色名称"
                       autocomplete="off"/>
            </div>
            <!--
            用a标签是因为点击button会提交两次，条件查询会被覆盖掉，
            这里可以换种方法进行条件查询，因为是别人写的，我也就不改了....
            -->
            <a class="layui-btn searchBtn">
                <i class="layui-icon">&#xe615;</i>
            </a>
        </form>
    </div>
    <!-- 多条件查询层结束 -->
    <!-- 数据表格 -->
    <table class="layui-hide" id="tab" lay-filter="tab">
    </table>
</blockquote>

<!-- 增加/修改界面开始 -->
<div id="data-main" style="display: none">
    <div style="padding: 20px"><!-- 控制表单位置 -->
        <form id="dataForm" class="layui-form" lay-skin="line" lay-filter="dataForm">
            <div class="layui-form-item o1">
                <label class="layui-form-label">角色编号</label>
                <div class="layui-input-block">
                    <input type="text" name="roleId" placeholder="请输入角色编号" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item o1">
                <label class="layui-form-label">角色名称</label>
                <div class="layui-input-block">
                    <input type="text" name="roleName" placeholder="请输入角色名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item o1">
                <label class="layui-form-label">角色描述</label>
                <div class="layui-input-block">
                    <input type="text" name="roleDesc" placeholder="请输入角色描述" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色状态</label>
                <div class="layui-input-block">
                    <select name="roleFlag" >
                        <option value="">--请选择--</option>
                        <option value="1">正常</option>
                        <option value="0">禁用</option>
                    </select>
                </div>
            </div>
            <!-- 表单按钮 -->
            <button class="submitBtn" lay-submit lay-filter="submitBtn" style="display: none;">立即提交</button>
            <!-- 输入字段的层结束 -->
        </form>
    </div>
</div>
<!-- 增加/修改界面结束 -->

<!--编辑权限的窗口-->
<div id="editTree" hidden="true">
    <form class="layui-form" id="mainForm" method="post" lay-filter="classManagerForm">
        <div class="layui-form-item">
            <div id="funTree" lay-filter="funTree">
                <!-- 树 -->
            </div>
        </div>

        <div class="layui-form-item" style="margin-left: 100px;">
            <button class="layui-btn" lay-demo="getChecked" lay-submit lay-filter="save" id="save">保存</button>
        </div>
    </form>
</div>

<!-- 表格头部上方工具栏脚本开始 -->
<script type="text/html" id="complain_toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="removeBatch"><i class="layui-icon">&#xe640;</i>批量禁用</button>
        <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe61f;</i>添加</button>
    </div>
</script>
<!-- 表格头部上方工具栏脚本结束 -->

<!-- 数据行中操作按钮开始 -->
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="editRight">编辑权限</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="remove">禁用</a>
</script>
<!-- 数据行中操作按钮结束 -->



</body>
</html>